@import './swiper.min.css';

$base_bg: #f4f4f4;
$base_color: #999;
$base_size: 20px;

div,
p,
h3 {
    padding: 0;
    margin: 0;
}

.btn {
    padding: 10px;
    margin: 10px;
    border: none;
    outline: none;
    color: #fff;
    background: pink;
    border-radius: 10px;
    cursor: pointer;
}

.btnundefined {
    padding: 10px;
    margin: 10px;
    border: none;
    outline: none;
    color: #fff;
    background: pink;
    border-radius: 10px;
    cursor: pointer;
}

html,
body,
div,
h2 {
    margin: 0;
    padding: 0;
}

#app {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: $base_bg ;
    margin: 50px;

    h2 {
        color: $base_color;
        font-size: $base_size;
        font-weight: 600;
        text-align: center;
    }
}

@import './animate.css';

.enter {
    animation: zoomInDown 1.2s both;
    -webkit-animation: zoomInDown 1.2s both;
}

.leave {
    animation: zoomOutDown 0.9s both;
    -webkit-animation: zoomOutDown 0.9s both;
}

.tada {
    animation: tada 1s 0s 1 both;
    -webkit-animation: tada 1s 0s 1 both;
}